<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/xadmin.css">
    <link rel="icon" type="image/png" href="icon/I.png">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/xadmin.js"></script>
    <script src="js/Gl.js" type="text/javascript"></script>
    <style>
        table tr th{
            text-align: center !important;
            font-weight: bold !important;
        }
    </style>
</head>
<body onload="showInfo()" style="background: rgb(241, 241, 241) !important;">
<!--<form class="layui-form" th:action="@{/excelgl}">-->
<!--    <div class="layui-input-block"  >-->
<!--        <button class="layui-btn" lay-submit lay-filter="formDemo">生成Excel表格</button>-->
<!--    </div>-->
<!--</form>-->

<div id="box1" style="width: 98%; margin: 0 auto">
    <br>
    <form class="layui-form" th:action="@{/excelgl}">


        <table class="layui-table">
            <tr align="center">

                <td>部门：</td>
                <td>
                    <div class="layui-input-inline" style="display: block;">
                        <div class="layui-input-block" style="margin-left: 0px;">
                            <select name="city" lay-verify="" id="department">
                                <option value=""></option>
                                <option value="产品设计部门">产品设计部门</option>
                                <option value="平台研发部门">平台研发部门</option>
                                <option value="人力资源中心">人力资源中心</option>
                                <option value="财务部">财务部</option>

                            </select>
                        </div>
                    </div>
                </td>
                <td>员工姓名：</td>
                <td><input type="text" name="" class="layui-input" id="cname"/></td>
                <td>档案状态：</td>
                <td>
                    <div class="layui-input-inline" style="display: block;">
                        <div class="layui-input-block" style="margin-left: 0px;">
                            <select name="city" lay-verify="" id="status">
                                <option value=""></option>
                                <option value="试用期">试用期</option>
                                <option value="正式员工">正式员工</option>
                                <option value="离职">离职</option>


                            </select>
                        </div>
                    </div>
                </td>
                <td>
                    <button type="button" class="layui-btn layui-btn-normal" onclick="showinfo()">查询</button>
                </td>
            </tr>
        </table>

        <div class="layui-input-block" style="text-align: right">
            <button class="layui-btn" lay-submit lay-filter="formDemo">生成Excel表格</button>
        </div>

        <table class="layui-table" id="positionData">
            <!--            lay-data="{url:'manage_system/src/main/java/cn/kgc/controller/GlController.java'}"-->
            <tr>
                <th>部门</th>
                <th>档案编码</th>
                <th>员工姓名</th>
                <th>性别</th>
                <th>职位</th>
                <th>职称</th>
                <th>电话</th>
                <th>档案状态</th>
                <th>建档日期</th>
            </tr>
            <tr align="center">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr align="center">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr align="center">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>

            <tr align="center">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr align="center">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr align="center">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr align="center">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr align="center">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr align="center">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>

        </table>

        <div id="" align="center">
            <input type="button" onclick="first()" value="首页" class="layui-btn layui-btn-normal">&nbsp;&nbsp;
            <input type="button" onclick="prv()" value="上一页" class="layui-btn layui-btn-normal"> &nbsp;
            <span class="showPage"></span> &nbsp;&nbsp;
            <input type="button" onclick="next()" value="下一页" class="layui-btn layui-btn-normal">&nbsp;&nbsp;
            <input type="button" onclick="last()" value="尾页" class="layui-btn layui-btn-normal">&nbsp;&nbsp;
        </div>
    </form>

</div>
</body>
<script>
    layui.use('form', function () {
        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

        //……

        //但是，如果你的HTML是动态生成的，自动渲染就会失效
        //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
        form.render();
    });
</script>
</html>
